<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>请假</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_yx9353jvq9.css">
    <link rel="stylesheet" href="../../css/h-manage.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
    <style>
        .g-su-but .weui-flex__item{margin: 5px 3px;}
        .mc-timeline{overflow: hidden;}
    </style>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header bg-black">
        <a href="javascript:;" onclick="utils.back();" class="head-icon">
            <i class="iconfont icon-arrow-left"></i>
        </a>
        <div class="main-box head-title text-left">
            审批详情
        </div>
        <a href="javascript:;" class="head-icon"></a>
    </div>
    <div class="mc-scrollview">
        <div class="mh-bd">
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>创建人</p>
                    </div>
                    <div class="weui-cell__ft">
                        苏晨珑
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>创建时间</p>
                    </div>
                    <div class="weui-cell__ft">
                       16:35:12
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>状态</p>
                    </div>
                    <div class="weui-cell__ft">
                        <div>等待<span>苏晨珑</span>审批</div>
                        <div>2018年7月23日16:36:56</div>
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>出发日期</p>
                    </div>
                    <div class="weui-cell__ft">
                        2018年7月23日16:37:39
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>返程时间</p>
                    </div>
                    <div class="weui-cell__ft">
                        2018年7月23日16:37:57
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>出差地址</p>
                    </div>
                    <div class="weui-cell__ft">
                        山西省忻州市
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>出差天数</p>
                    </div>
                    <div class="weui-cell__ft">
                        <div>11天</div>
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>出差事由</p>
                    </div>
                    <div class="weui-cell__ft">
                        <div>分配的任务</div>
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>关联业务</p>
                    </div>
                    <div class="weui-cell__ft">
                        <div>苏晨珑</div>
                        <div>13453222041</div>
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <a class="weui-cell ">
                    <div class="weui-cell__bd">
                        <p>提醒</p>
                    </div>
                    <div class="weui-cell__ft">
                        <div>短信提醒</div>
                    </div>
                </a>
            </div>
        </div>
        <div class="weui-tab">
            <div class="weui-navbar">
                <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
                    流程
                </a>
                <a class="weui-navbar__item" href="#tab2">
                    日志
                </a>
            </div>
            <div class="weui-tab__bd">
                <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                    <div class="mc-timeline">
                        <ul class="mc-timeline-content">
                            <li class="timeline-item">
                                <em class="timeline-icon"></em>
                                <p>2018年7月23日16:22:59</p>
                                <div>
                                    <div>负责人：苏晨珑</div>
                                    <div class="">
                                        创建客户
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-item">
                                <em class="timeline-icon"></em>
                                <p>2018年7月23日16:22:59</p>
                                <div>
                                    <div>负责人：苏晨珑</div>
                                    <div class="">
                                        创建客户
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="tab2" class="weui-tab__bd-item">
                    <div class="mc-timeline">
                        <ul class="mc-timeline-content">
                            <li class="timeline-item">
                                <em class="timeline-icon"></em>
                                <p>2018年7月23日16:22:59</p>
                                <div>
                                    <div>负责人：苏晨珑</div>
                                    <div class="">
                                        创建客户
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-item">
                                <em class="timeline-icon"></em>
                                <p>2018年7月23日16:22:59</p>
                                <div>
                                    <div>负责人：苏晨珑</div>
                                    <div class="">
                                        创建客户111111111111
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-flex g-su-but">
            <div class="weui-flex__item">
                <button type="button" class="btn btn-w-m btn-primary">同意</button>
            </div>
            <div class="weui-flex__item">
                <button type="button" class="btn btn-w-m btn-danger">拒绝</button>
            </div>
            <div class="weui-flex__item">
                <button type="button" class="btn btn-w-m btn-success">转交给其他人审批</button>
            </div>
        </div>
    </div>
</section>
<script>
    $(".uh-laydate").datetimePicker();
</script>
</body>
</html>
